<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>e-at food everywhere</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="assets/css/screen.css"	rel="stylesheet" type="text/css">
<script	src="assets/js/pngfix.js"type="text/javascript"></script>
</head>

<body id="home">
	<div id="container">
		<div id="bg-container">
			<div id="header">
				<!-- <a href="http://www.wakeinteractive.com/"><img src="assets/img/header-logo.png"	alt="Wake Interactive" class="header-logo"></a> -->
				<ul id="header-nav-ul">
					<li><a href="#" id="nav-index" class="selected">Home</a></li>
					<li><a href="" id="nav-about">e-at Home</a></li>
					<li><a href="" id="nav-work">e-at Canada</a></li>
					<li><a href="" id="nav-contact">Contact</a></li>
					<li><a href="" id="nav-blog">Blog &amp; News</a></li>					
				</ul>
			</div>
			<div id="content-container" class="clearfix">
				<div id="main-content">
					<h1 id="quote-heading">We create modern, stylish and engaging websites. What do you do?</h1>
					<h2 id="featured-projects">Featured Projects</h2>
					<div class="featured-index clearfix">
						<div class="row first">
							<a href="#" title="Nest Investimentos">Today's Recommandation<img src="assets/img/nest_website-t.jpg" alt="img" class="full" height="120" width="290"> </a>
							<p>Today's Recommandation</p>
						</div>
						<div class="row second">
							<a href="#" title="IntuiLab">Today's Recommandation<img src="assets/img/intuilab-t.jpg" alt="img" class="full" height="120" width="290"></a>
							<p>Today's Recommandation</p>
						</div>
					</div>
					<div class="block-what-we-do">
						<div class="clearfix">
							<!-- <img src="assets/img/icon-globe.png" class="globe-icon-float" alt="Globe" height="31" width="30"> -->
							<h2 id="what-we-do">About Us</h2>
						</div>
						<ul class="fresh">
							<li><a href="#" onclick="document.getElementById('loginDiv').style.display='';"><b>Share your super awesome receipt?</b></a></li>
							<li><a href="#" onclick="document.getElementById('loginDiv').style.display='';"><b>I have some ingredient</b></a></li>
							<li><a href="#" onclick="document.getElementById('loginDiv').style.display='';"><b>Snuffle around </b></a></li>
						</ul>													
					</div>					
				</div>
				<div id="sidebar-right">
					<div class="clearfix">
						<img src="assets/img/icon-bar.png" class="bar-icon-float" alt="alt text here">
						<h2 id="wed-love-to-help">WE'D LOVE TO HELP YOU</h2>
					</div>
					<div class="clearfix help-ul">
						<ul class="ul-left">
							<li>Recommandation 1</li>
							<li>Recommandation 2</li>
							<li>Recommandation 3</li>
							<li>Recommandation 4</li>
							<li>Recommandation 5</li>
							<li>Recommandation 6</li>
						</ul>
					</div>					
					<div id="loginDiv" style="display:none;" class="clearfix help-ul">
						<h2 id="still-fresh">STILL FRESH</h2>
						<ul>
							<li><b>Email Address:</b></li>
							<li>&#160;</li>
							<li><input /></li>
							<li>&#160;</li>
							<li><b>Password:</b></li>
							<li>&#160;</li>
							<li><input /></li>
							<li style="style=float:right;">need help?</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div class="footer-container clearfix">
			<div class="footer-block-left">
				<h3 id="whats-happening">WHAT'S HAPPENING</h3>
				<!-- <a href="http://feeds.feedburner.com/wakeblog"><img src="assets/img/icon-rss.gif" alt="alt text here" class="rss-icon"></a> -->
				<div class="content">
					<ul>
						<li><a href="#">e-at news</a></li>
						<li><a href="#">e-at news</a></li>
						<li><a href="#">e-at news</a></li>						
					</ul>
				</div>
			</div>
			<div class="footer-block-middle">
				<h3 id="contact-us">CONTACT US</h3>
				<div class="content">
					<p>
						<strong>RetRo Lab</strong><br />
						<span>Testing Purpose Only</span><br />
						<a href="mailto:retro.liang@gmail.com" title="retro.liang@gmail.com">Contact Us by Email</a>
					</p>
				</div>
			</div>
			<div class="footer-block-right">
				<h3 id="contact-us">CONTACT US</h3>
				<div class="content">
					<p>
						<strong>RetRo Lab</strong><br />
						<span>Testing Purpose Only</span><br />
						<a href="mailto:retro.liang@gmail.com" title="retro.liang@gmail.com">Contact Us by Email</a>
					</p>
				</div>
			</div>
		</div>
		<div id="copyright" class="clearfix">© 2011 e-at.</div>
	</div>	
</body>
</html>